<template>
  <el-popover
    placement="top-start"
    trigger="hover"
  >
    <el-image
      slot="reference"
      :style="{width: imgSize, height: imgSize, background: '#f9f9f9'}"
      :src="$parseImgUrl(src)"
      fit="cover"
    />
    <el-image
      :style="{width: bigSize, height: bigSize, background: '#f9f9f9'}"
      :src="$parseImgUrl(src)"
      fit="cover"
    />
  </el-popover>
</template>

<script>
export default {
  name: 'TableColumnGoodsImage',
  props: {
    src: {
      type: String,
      default: null
    },
    imgSize: {
      type: String,
      default: '50px'
    },
    bigSize: {
      type: String,
      default: '220px'
    }
  }
}
</script>

<style scoped>

</style>
